<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>魅族</title>
    <script src="https://at.alicdn.com/t/font_2474686_3imuce0b1tc.js"></script>
    <!-- <script src="../js/banner.js"></script> -->
    <link rel="stylesheet" href="./css/bootstrap.css">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/popper.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./font/iconfont.css">
    <link rel="stylesheet" href="./css/banner.css">
    <link rel="stylesheet" href="./css/MeiZu.css">
    <link rel="stylesheet" href="./css/footer.css">
</head>
<body>
    <header class="mz-index-header" id="header">
        <div class="container d-flex justify-content-between align-items-center mz-topbar">
          <h1 class="mz-logo">
            <a href="index.html" class="d-block">
              <svg id="logo" width="108px" fill="#fff" height="21px" viewbox="0 0 108 21" version="1.1" xmlns="http://www.w3.org/2000/svg">
                <g id="页面-1" stroke="none" stroke-width="1" fill-rule="evenodd">
                  <g id="编组" transform="translate(0.999800, 0.999800)">
                    <polygon id="Fill-1" points="53.3530588 20 56.6877647 20 56.6877647 0 53.3530588 0"></polygon>
                    <path d="M103.371647,0.000176470588 L103.371647,15.0003235 C103.371647,15.9199718 102.625176,16.6667451 101.704588,16.6667451 L98.3698824,16.6667451 L96.7022353,16.6667451 L91.7004706,16.6667451 C90.7798824,16.6667451 90.0334118,15.9199718 90.0334118,15.0003235 L90.0334118,0.000176470588 L86.6987059,0.000176470588 L86.6987059,15.8335343 C86.6987059,18.1344193 88.5651765,20.0001765 90.8669412,20.0001765 L96.7022353,20.0001765 L98.3698824,20.0001765 L102.538118,20.0001765 C104.839882,20.0001765 106.706353,18.1344193 106.706353,15.8335343 L106.706353,0.000176470588 L103.371647,0.000176470588 Z" id="Fill-2"></path>
                    <path d="M22.5082353,0.000176470588 L15.0052941,0.000176470588 L11.6711765,0.000176470588 L4.16823529,0.000176470588 C1.86588235,0.000176470588 -2.71678105e-14,1.865236 -2.71678105e-14,4.16657365 L-2.71678105e-14,19.9990005 L3.33470588,19.9990005 L3.33470588,4.99973549 C3.33470588,4.07896524 4.08117647,3.33282383 5.00176471,3.33282383 L11.6711765,3.33282383 L11.6711765,20.0001765 L15.0052941,20.0001765 L15.0052941,3.33282383 L21.6747059,3.33282383 C22.5952941,3.33282383 23.3423529,4.07896524 23.3423529,4.99973549 L23.3423529,19.9990005 L26.6764706,19.9990005 L26.6764706,4.16657365 C26.6764706,1.865236 24.8105882,0.000176470588 22.5082353,0.000176470588" id="Fill-4"></path>
                    <path d="M31.6787647,4.16717644 L31.6787647,4.16717644 L31.6787647,15.8336471 C31.6787647,18.1345997 33.5446471,20.0004118 35.847,20.0004118 L48.3517059,20.0004118 L48.3517059,16.6668824 L36.6805294,16.6668824 C35.7593529,16.6668824 35.0128824,15.9212632 35.0128824,15.0004118 L35.0128824,13.3333531 L35.0128824,11.6674704 L48.3517059,11.6674704 L48.3517059,8.33394111 L35.0128824,8.33394111 L35.0128824,5.00041176 C35.0128824,4.0795603 35.7593529,3.33335308 36.6805294,3.33335308 L48.3517059,3.33335308 L48.3517059,0.000411764706 L35.847,0.000411764706 C33.5446471,0.000411764706 31.6787647,1.8656358 31.6787647,4.16717644" id="Fill-6"></path>
                    <path d="M81.6971176,2.50017657 C81.6971176,1.11948741 80.5771176,0.000470588235 79.1959412,0.000470588235 L61.6894706,0.000470588235 L61.6894706,3.3334119 L76.7135882,3.3334119 L62.523,15.6367166 L62.5253529,15.6384807 C62.0135882,16.0965543 61.6894706,16.7598496 61.6894706,17.5001766 C61.6894706,18.8814538 62.8094706,20.0004706 64.1900588,20.0004706 L81.6971176,20.0004706 L81.6971176,16.6669412 L66.6653529,16.6669412 L80.7418235,4.46242519 C81.3224118,4.0049396 81.6971176,3.29695418 81.6971176,2.50017657" id="Fill-8"></path>
                  </g>
                </g>
              </svg>
            </a>
          </h1>
          <ul class="nav mz-nav ml-5" id="mz-nav">
            <li class="nav-item"><a href="typesPhones.html" class="nav-link py-0" data-t="sj">手机</a></li>
            <li class="nav-item"><a href="typesLipro.html" class="nav-link py-0" data-t="lipro">Lipro</a></li>
            <li class="nav-item"><a href="typesSound.html" class="nav-link py-0" data-t="sx">声学</a></li>
            <li class="nav-item"><a href="typesFittings.html" class="nav-link py-0" data-t="pj">配件</a></li>
            <li class="nav-item"><a href="typesLife.html" class="nav-link py-0" data-t="sh">生活</a></li>
            <li class="nav-item"><a href="#" class="nav-link py-0">Flyme</a></li>
            <li class="nav-item"><a href="server.html" class="nav-link py-0">服务</a></li>
            <li class="nav-item"><a href="#" class="nav-link py-0">专卖店</a></li>
            <li class="nav-item"><a href="#" class="nav-link py-0">社区</a></li>
            <li class="nav-item"><a href="qyfw.html" class="nav-link py-0">企业服务</a></li>
            <li class="nav-item">
              <a href="#" class="nav-link py-0" data-t="app">APP下载</a>
            </li>
          </ul>
          <div class="mz-search pl-3 d-flex justify-content-between align-items-center">
            <input type="text" placeholder="魅族 18" class="border-0 w-75 d-block">
            <div class="mz-btn w-25 text-center">
              <i class="iconfont icon-sousuo"></i>
            </div>
          </div>
          <div class="mz-login" id="mz-login">
              <img src="./images/geren0.png" alt="login">
              <ul class="mz-login-list text-center">
                <li class="in"><a href="login.html">立即登录</a></li>
                <li class="in"><a href="register.html">立即注册</a></li>
                <li><a href="#">我的订单</a></li>
                <li><a href="#">M码通道</a></li>
                <li class="out" style="display: none;"><a href="#">退出登录</a></li>
              </ul>
          </div>
          <div class="mz-shopcar" id="mz-shopcar">
            <img src="./images/shopcar0.png" alt="shopcar"><span class="bg-danger text-center text-white d-inline-block">0</span>
            <ul class="mz-shopcar-list text-center">
            </ul>
          </div>
        </div>
        <div class="mz-nav-menu">
          <div class="mz-menu h-100" id="mz-menu">
            <ul class="mz-menu-sj card-group text-center d-flex justify-content-center" data-t="sj">
              <li class="card border-0">
                <a href="details.html?phone=2" class="card-body p-2">
                  <img src="./images/menu-sj-1.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 18「踏雪」</p>
                  <p class="mz-price">￥3999</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?phone=2" class="card-body p-2">
                  <img src="./images/menu-sj-2.png" alt="sj1" class="card-img-top">
                  <p class="mz-info"> 魅族 18「等风」</p>
                  <p class="mz-price">￥3999</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?phone=2" class="card-body p-2">
                  <img src="./images/menu-sj-3.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 18「渡海」</p>
                  <p class="mz-price">￥3999</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?phone=1" class="card-body p-2">
                  <img src="./images/menu-sj-4.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 18 Pro「飞雪流光」</p>
                  <p class="mz-price">￥4999</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?phone=1" class="card-body p-2">
                  <img src="./images/menu-sj-5.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 18 Pro「苍穹浩瀚」</p>
                  <p class="mz-price">￥4999</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?phone=1" class="card-body p-2">
                  <img src="./images/menu-sj-6.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 18 Pro「银河秘境」</p>
                  <p class="mz-price">￥4999</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?phone=4" class="card-body p-2">
                  <img src="./images/menu-sj-7.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 17 Pro</p>
                  <p class="mz-price">￥4299</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?phone=3" class="card-body p-2">
                  <img src="./images/menu-sj-8.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 17</p>
                  <p class="mz-price">￥3699</p>
                </a>
              </li>
            </ul>
            <ul class="mz-menu-lipro card-group text-center d-flex justify-content-center" data-t="lipro">
              <li class="card border-0">
                <a href="details.html?lipro&5" class="card-body p-2">
                  <img src="./images/menu-lipro-1.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">【新品】Lipro LED 智能吸顶灯</p>
                  <p class="mz-price">￥599</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?lipro&6" class="card-body p-2">
                  <img src="./images/menu-lipro-2.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">【新品】Lipro 智能蓝牙控制器</p>
                  <p class="mz-price">￥89</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?lipro&7" class="card-body p-2">
                  <img src="./images/menu-lipro-2.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">【新品】Lipro 可控硅无极调光面板</p>
                  <p class="mz-price">￥199</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?lipro&8" class="card-body p-2">
                  <img src="./images/menu-lipro-3.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">【无线版】魅族 Lipro LED 筒灯</p>
                  <p class="mz-price">￥99</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?lipro&9" class="card-body p-2">
                  <img src="./images/menu-lipro-4.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 Lipro LED 橱柜灯</p>
                  <p class="mz-price">￥269</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?lipro&10" class="card-body p-2">
                  <img src="./images/menu-lipro-5.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">魅族 Lipro LED 灯泡</p>
                  <p class="mz-price">49</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?lipro&11" class="card-body p-2">
                  <img src="./images/menu-lipro-6.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">            魅族 Lipro LED 地脚灯
                  </p>
                  <p class="mz-price">￥99</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-lipro-7.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">            魅族 Lipro LED 灯带
                  </p>
                  <p class="mz-price">￥999</p>
                </a>
              </li>
            </ul>
            <ul class="mz-menu-sx card-group text-center d-flex justify-content-center" data-t="sx">
              <li class="card border-0">
                <a href="details.html?sound&12" class="card-body p-2">
                  <img src="./images/menu-sx-1.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    【新品】魅族 POP Pro 主动降噪耳机
                  </p>
                  <p class="mz-price">￥459</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?sound&13" class="card-body p-2">
                  <img src="./images/menu-sx-2.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 POP2s 真无线耳机
                  </p>
                  <p class="mz-price">￥279</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?sound&14" class="card-body p-2">
                  <img src="./images/menu-sx-3.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 HD60 降噪耳机
                  </p>
                  <p class="mz-price">￥799</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?sound&15" class="card-body p-2">
                  <img src="./images/menu-sx-4.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 HD60 头戴式蓝牙耳机
                  </p>
                  <p class="mz-price">￥329</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?sound&16" class="card-body p-2">
                  <img src="./images/menu-sx-5.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 HIFI 解码耳放
                  </p>
                  <p class="mz-price">￥119</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?sound&17" class="card-body p-2">
                  <img src="./images/menu-sx-6.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 EP3C 耳机
                  </p>
                  <p class="mz-price">￥99</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?sound&18" class="card-body p-2">
                  <img src="./images/menu-sx-7.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    MEIZU UR LIVE 特调版
                  </p>
                  <p class="mz-price">￥1299</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="details.html?sound&19" class="card-body p-2">
                  <img src="./images/menu-sx-8.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    MEIZU UR 高端定制耳机  预约
                  </p>
                  <p class="mz-price">￥200</p>
                </a>
              </li>
            </ul>
            <ul class="mz-menu-pj card-group text-center d-flex justify-content-center" data-t="pj">
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-1.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    【新品】魅族全智能手表
                  </p>
                  <p class="mz-price">￥1499</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-2.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    【新品】魅族立式无线超充
                  </p>
                  <p class="mz-price">￥199</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-3.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 18 系列手机保护膜
                  </p>
                  <p class="mz-price">￥29</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-4.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 18 系列 PC 电镀壳
                  </p>
                  <p class="mz-price">￥39</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-5.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 18 液态硅胶壳
                  </p>
                  <p class="mz-price">￥89</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-6.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 18 Pro 液态硅胶壳
                  </p>
                  <p class="mz-price">￥89</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-7.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族超充 USB-C 移动电源
                  </p>
                  <p class="mz-price">￥149</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-pj-8.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族超充 GaN 三口充电器
                  </p>
                  <p class="mz-price">￥189</p>
                </a>
              </li>
            </ul>
            <ul class="mz-menu-sh card-group text-center d-flex justify-content-center" data-t="sh">
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-sh-1.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">            【新款】「PANDAER 18」T恤
                  </p>
                  <p class="mz-price">￥129</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-sh-2.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    【新款】「PANDAER 18」T恤
                  </p>
                  <p class="mz-price">￥129</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-sh-3.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族防飞溅声波电动牙刷
                  </p>
                  <p class="mz-price">￥179</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-sh-4.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族声波电动牙刷刷头
                  </p>
                  <p class="mz-price">￥59</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-sh-5.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    PANDAER 「龍」T恤
                  </p>
                  <p class="mz-price">￥129</p>
                </a>
              </li>
              <li class="card border-0">
                <a href="#" class="card-body p-2">
                  <img src="./images/menu-sh-6.png" alt="sj1" class="card-img-top">
                  <p class="mz-info">
                    魅族 City Walk 双肩包
                  </p>
                  <p class="mz-price">￥139</p>
                </a>
              </li>
            </ul>
            <div class="container-fluid px-0 mz-app-drop" data-t="app">
              <img src="./images/app.png" alt="" class="d-block">
            </div>
          </div>
        </div>
      </header>
      <!-- 首页banner部分 -->
      <div class="mz-banner">
        <div class="carousel slide" data-ride="carousel" id="banner">
          <!-- 展示图区域 -->
          <div class="carousel-inner h-100 mz-banner-pic">
            <div class="carousel-item active mz-b1">
            </div>
            <div class="carousel-item mz-b2">
            </div>
            <div class="carousel-item mz-b3">
            </div>
            <div class="carousel-item mz-b4">
            </div>
            <div class="carousel-item mz-b5">
            </div>
            <div class="carousel-item mz-b6">
            </div>
            <div class="carousel-item mz-b7">
            </div>
          </div>
          <!-- 左右控制 -->
          <a href="#banner" class="carousel-control-prev" data-slide="prev">
            <span class="carousel-control-prev-icon"></span>
          </a>
          <a href="#banner" class="carousel-control-next" data-slide="next">
            <span class="carousel-control-next-icon"></span>
          </a>
          <!-- 指示符区域 -->
          <ul class="carousel-indicators mz-ind">
            <li class="active" data-target="#banner" data-slide-to="0"></li>
            <li data-target="#banner" data-slide-to="1"></li>
            <li data-target="#banner" data-slide-to="2"></li>
            <li data-target="#banner" data-slide-to="3"></li>
            <li data-target="#banner" data-slide-to="4"></li>
            <li data-target="#banner" data-slide-to="5"></li>
            <li data-target="#banner" data-slide-to="6"></li>
        </ul>
        </div>
      </div>
      <!-- 广告区域 -->
      <section class="mz-adv">
        <div class="container">
          <ul class="d-flex justify-content-around">
            <li><a href="#">
              <img src="./images/adv-1.jpg" alt="adv">
              <h3>魅族 618 心动狂欢节</h3>
              <p>购物抽好礼 惊喜秒杀</p>
            </a></li>
            <li><a href="#">
              <img src="./images/adv-2.jpg" alt="adv">
              <h3>OCEANLOVER</h3>
              <p>保护珍稀中华白海豚</p>
            </a></li>
            <li><a href="#">
              <img src="./images/adv-3.jpg" alt="adv">
              <h3>5G之家</h3>
              <p>电信套餐享大额补贴</p>
            </a></li>
            <li><a href="#">
              <img src="./images/adv-4.jpg" alt="adv">
              <h3>mCycle</h3>
              <p>以旧换新</p>
            </a></li>
          </ul>
        </div>
      </section>

    <section class="meizu-iphone">
        <h3 class="meizu-title">手机</h3>
        <a class="meizu-iphone-src" href=""></a>
        <section class="iphone-container">
            <ul>
                <li class="iphone-container-box-1">
                    <a href="">
                        <span id="product-sign">免息</span>
                        <span class="goods-name">魅族18</span>
                        <span class="goods-text">高通骁龙 888 ｜162g  6.2英寸轻妙手感</span>
                        <span class="goods-price">￥4399</span>
                        <img class="goods-img" src="https://fms.res.meizu.com/dms/2021/03/03/de87d38d-3785-4605-a211-71364ded123f.png" alt="">
                    </a>
                </li>
                <li class="iphone-container-box-1">
                    <a href="">
                        <span id="product-sign">免息</span>
                        <span class="goods-name">魅族18 pro</span>
                        <span class="goods-text">高通骁龙 888 ｜2K+  120 帧微弧柔性屏</span>
                        <span class="goods-price">￥4999</span>
                        <img class="goods-img" src="https://fms.res.meizu.com/dms/2021/03/03/485956ba-37c8-4dd5-ab72-a4ec7456ece5.png" alt="">
                    </a>
                </li>
            </ul>
            <ul>
                <li class="iphone-container-box-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/C4/Cgbj0F6zwMuANEeWAAw6yQFAJXM097.png" alt="">
                        <span class="goods-name">魅族 17「AG梦幻独角兽」</span>
                        <span class="goods-text">【高通骁龙 865 | 120 Hz尝鲜模式】</span>
                        <span class="goods-price">￥3699</span>
                    </a>
                </li>
                <li class="iphone-container-box-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/10/Cgbj0F8jhKSAcY_ZAAx8PRn7kUE396.png" alt="">
                        <span class="goods-name">魅族 17「AG原野绿」</span>
                        <span class="goods-text">【高通骁龙 865 | 120 Hz尝鲜模式】</span>
                        <span class="goods-price">￥3699</span>
                    </a>
                </li>
                <li class="iphone-container-box-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/C5/Cgbj0F6zwVaAfvCAAAlIjzPtsZc201.png" alt="">
                        <span class="goods-name">魅族 17 Pro「乌金」</span>
                        <span class="goods-text">限时领券至高立省1000+12期免息</span>
                        <span class="goods-price">￥4299</span>   
                    </a>
                </li>
                <li class="iphone-container-box-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/C5/Cgbj0F6zwUCAZXioAAqyPRV4XK4045.png" alt="">
                        <span class="goods-name">魅族 17 Pro「定白」</span>
                        <span class="goods-text">限时领券至高立省1000+12期免息</span>
                        <span class="goods-price">￥4299</span>   
                    </a>
                </li>
            </ul>
        </section>
    </section>

    <!-- Lipro 智能家居 -->
    <section class="smart-home">
        <h3 class="smart-home-title">Lipro 智能家居</h3>
        <a class="smart-home-img" href=""></a>

        <div class="smart-home-container">
            <ul>
                <li class="smart-home-goods-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2021/01/05/ef2eee80-40a4-4066-8fe6-0f7fd9489dc7.jpg" alt="">
                        <div class="smart-home-text-container">
                            <span class="goods-name">魅族 Lipro LED 橱柜灯</span>
                            <span class="goods-text">博物馆级健康光 RG0 舒适低蓝光 磁吸随贴安装</span>
                            <span class="goods-price">￥269</span>
                        </div>
                    </a>
                </li>
                <li class="smart-home-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/57/Cgbj0V_sLz-AbvTzAAB1pvD7V0E978.png" alt="">
                        <span class="goods-name">魅族 Lipro LED 橱柜灯</span>
                        <span class="goods-text">博物馆级健康光 RG0 舒适低蓝光 磁吸随贴安装</span>
                        <span class="goods-price">￥199</span>
                    </a>
                </li>

                <li class="smart-home-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/42/Cgbj0F_sMIOAE-gWAARaOyvWLSE861.png" alt="">
                        <span class="goods-name">魅族 Lipro LED 地脚灯</span>
                        <span class="goods-text">博物馆级健康光 | 无可见频闪 | 主动式雷达检测</span>
                        <span class="goods-price">￥99</span>
                    </a>
                </li>

                <li class="smart-home-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/43/Cgbj0F_sMc-AOe7bAAczVe3SFnI706.png" alt="">
                        <span class="goods-name">魅族 Lipro LED 筒灯</span>
                        <span class="goods-text">博物馆级健康光 RG0 舒适低蓝光 IP54 密封设计</span>
                        <span class="goods-price">￥299</span>
                    </a>
                </li>

                <li class="smart-home-goods-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2021/01/05/80bce446-87a5-4bfc-85ee-1eb53f1d7f35.jpg" alt="">
                        <div class="smart-home-text-container">
                            <span class="goods-name">魅族 Lipro LED 灯泡</span>
                            <span class="goods-text">博物馆级健康光 RG0舒适低蓝光</span>
                            <span class="goods-price">￥49</span>
                        </div>
                    </a>
                </li>

                <li class="smart-home-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/46/Cgbj0F_0GSaAN9lqAACCdwIBQOc806.jpg" alt="">
                        <span class="goods-name">魅族 Lipro LED 灯泡</span>
                        <span class="goods-text">博物馆级健康光 RG0舒适低蓝光</span>
                        <span class="goods-price">￥49</span>
                    </a>
                </li>

                <li class="smart-home-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/42/Cgbj0F_sMOOAQyGuAAO_SgCyZuQ559.png" alt="">
                        <span class="goods-name">魅族 Lipro LED 灯带</span>
                        <span class="goods-text">博物馆级健康光 | 无可见频闪 | 柔性布光</span>
                        <span class="goods-price">￥999</span>
                    </a>
                </li>

                <li class="smart-home-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/43/Cgbj0F_sMVaAKQ_TAAGu6iTcbOQ485.png" alt="">
                        <span class="goods-name">魅族 Lipro 驱动电源</span>
                        <span class="goods-text">55W 输出功率 | 铝制金属外壳</span>
                        <span class="goods-price">￥249</span>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <!-- meizu耳机 -->
    <section class="meizu-headset">
        <h3 class="meizu-headset-title">魅族声学</h3>
        <a class="meizu-headset-img" href=""></a>
        <div class="meizu-headset-container">
            <ul>
                <li class="meizu-headset-goods-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2019/08/29/04811a8d-07fb-4188-a852-1971f442d08f.jpg" alt="">
                        <div class="meizu-headset-text-container">
                            <span class="goods-name">魅族 EP3C 耳机</span>
                            <span class="goods-text">【限时特惠99元】</span>
                            <span class="goods-price">￥129</span>
                        </div>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/5E/Cgbj0V_38NOAGvEXAAN6WGRLi3Y197.png" alt="">
                        <span id="product-sign">新品</span>
                        <span class="goods-name">魅族 POP Pro 主动降噪耳机</span>
                        <span class="goods-text">三重混合主动降噪技术 | 三麦克风智能通话降噪</span>
                        <span class="goods-price">￥499</span>
                    </a>
                </li>
                
                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/40/Cgbj0V-JCMSAa5qBAAMth2Y6_gU978.png" alt="">
                        <span class="goods-name">魅族 POP2s 真无线耳机</span>
                        <span class="goods-text">【3期免息】好声音标杆 |  Flyme 妙连</span>
                        <span class="goods-price">￥299</span>
                    </a>
                </li>
                
                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/10/Cgbj0Fy9JYOACw2DAAMWf3vEhbA886.png" alt="">
                        <span class="goods-name">魅族 EP63NC 无线降噪耳机</span>
                        <span class="goods-text">【限时特惠249元+3期免息】</span>
                        <span class="goods-price">￥399</span>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/08/04/be6fed05-168e-4633-bc1d-6e75705fce07.jpg" alt="">
                        <div class="meizu-headset-text-container">
                            <span class="goods-name">魅族 HD60 头戴式蓝牙耳机</span>
                            <span class="goods-text">【限时特惠329元+3期免息】</span>
                            <span class="goods-price">￥499</span>
                        </div>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/E0/Cgbj0V6z8VSAV6kEAAlCc-omYno614.png" alt="">
                        <span class="goods-name">魅族 HD60 降噪耳机</span>
                        <span class="goods-text">【限时特惠799元+12期免息】</span>
                        <span class="goods-price">￥1099</span>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/28/Cgbj0Vy9Jq6AEzhMAApuih_4TPw329.png" alt="">
                        <span class="goods-name">魅族 POP2 真无线蓝牙耳机</span>
                        <span class="goods-text">【限时特惠229元+3期免息】</span>
                        <span class="goods-price">￥399</span>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/2F/Cgbj0Vy_C3GAN_TKAAExaPfTwFc180.png" alt="">
                        <span class="goods-name">魅族 HIFI 解码耳放</span>
                        <span class="goods-text">【限时特惠149元】</span>
                        <span class="goods-price">￥169</span>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2019/10/23/370ad36f-425c-453a-b406-ccb2a0dffeec.jpg" alt="">
                        <div class="meizu-headset-text-container">
                            <span class="goods-name">MEIZU UR 高端定制耳机  预约</span>
                            <span class="goods-text">【预约专用】私人定制，为你而声</span>
                            <span class="goods-price">￥200</span>
                        </div>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/40/Cgbj0V-JCPCAPD2PAAXulf0xVmU120.png" alt="">
                        <span class="goods-name">MEIZU UR LIVE 特调版</span>
                        <span class="goods-text">手工定制公模 ｜ 楼氏定制四单元动铁</span>
                        <span class="goods-price">￥1299</span>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/05/11/Cgbj0Fsp-8yATCDFAASWKnb1fdQ339.png" alt="">
                        <span class="goods-name">POP 真无线蓝牙耳机</span>
                        <span class="goods-text">【限时特惠299元】</span>
                        <span class="goods-price">￥299</span>
                    </a>
                </li>

                <li class="meizu-headset-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/00/A2/Cix_s1gcTHCANftiAAErzSizI8c299.png" alt="">
                        <span class="goods-name">魅族 EP2X 耳机</span>
                        <span class="goods-text">一体式线控 | 3.5mm接口 | 流线设计</span>
                        <span class="goods-price">￥69</span>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <!-- 智能配件 -->
    <section class="meizu-parts">
        <h3 class="meizu-parts-title">智能配件</h3>
        <a class="meizu-parts-img" href=""></a>
        <div class="meizu-parts-container">
                <ul>
                    <li class="meizu-parts-goods-list-1">
                        <a href="">
                            <img src="https://fms.res.meizu.com/dms/2021/04/01/241cf8f1-910d-42bb-9ba5-f71d12e4fa7d.jpg" alt="">
                            <div class="meizu-parts-text-container">
                                <span class="goods-name">魅族 18 液态硅胶壳 盲盒</span>
                                <span class="goods-text">惊喜盲盒随机选 | 附赠定制水凝膜</span>
                                <span class="goods-price">￥89</span>
                            </div>
                        </a>
                    </li>

                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/08/7E/Cgbj0WBCIwCAXBIMAAKV_sPb4SE013.jpg" alt="">
                            <span class="goods-name">魅族 18 液态硅胶壳</span>
                            <span class="goods-text">惊喜盲盒随机选 | 附赠定制水凝膜</span>
                            <span class="goods-price">￥89</span>
                        </a>
                    </li>
                    
                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/08/66/Cgbj0GA_GOeACEZXAARVW7N0Hwg130.jpg" alt="">
                            <span class="goods-name">魅族 18 Pro 液态硅胶壳</span>
                            <span class="goods-text">惊喜盲盒随机选 | 附赠定制水凝膜</span>
                            <span class="goods-price">￥89</span>
                        </a>
                    </li>
                    
                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/07/D7/Cgbj0F67s3yAYmI6AAIrMK1gFWU758.png" alt="">
                            <span class="goods-name">魅族超充 GaN 三口充电器</span>
                            <span class="goods-text">【限时特惠169元】</span>
                            <span class="goods-price">￥199</span>
                        </a>
                    </li>

                    <li class="meizu-parts-goods-list-1">
                        <a href="">
                            <img src="https://fms.res.meizu.com/dms/2021/04/01/d466e702-0336-489a-aa5e-55386089f36f.jpg" alt="">
                            <div class="meizu-parts-text-container">    
                                <span class="goods-name">魅族 18 Pro 液态硅胶壳 盲盒</span>
                                <span class="goods-text">惊喜盲盒随机选 | 附赠定制水凝膜</span>
                                <span class="goods-price">￥89</span>
                            </div>
                        </a>
                    </li>
                                        
                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/08/68/Cgbj0GA_LoiAPRvrAALX0_uQHoc429.png" alt="">
                            <span class="goods-name">魅族超充适配器 40W</span>
                            <span class="goods-text">智能兼容 QC 3.0 / 2.0 快充协议 | 安全无忧</span>
                            <span class="goods-price">￥89</span>
                        </a>
                    </li>
                                        
                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/08/69/Cgbj0WAYwrOAPtlKAAdaa8X6Lk8600.png" alt="">
                            <span class="goods-name">魅族 17 系列 液态硅胶壳</span>
                            <span class="goods-text">魅族 17 / 魅族 17 Pro 适用</span>
                            <span class="goods-price">￥89</span>
                        </a>
                    </li>
                                        
                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/07/AB/Cgbj0F5u8euASZyLAAcq4oEH89w043.png" alt="">
                            <span class="goods-name">魅族 Type-C 游戏专用线</span>
                            <span class="goods-text">Type-C 接口 | 5A大电流 | 弯头专为游戏设计</span>
                            <span class="goods-price">￥49</span>
                        </a>
                    </li>
                    
                    <li class="meizu-parts-goods-list-1">
                        <a href="">
                            <img src="https://fms.res.meizu.com/dms/2021/03/03/4a1f98c5-1f84-45bc-b7e2-614f88f09e0f.jpg" alt="">
                            <div class="meizu-parts-text-container">
                                <span class="goods-name">魅族立式无线超充</span>
                                <span class="goods-text">40W Max 极速超充 | 多重快充协议输入</span>
                                <span class="goods-price">￥199</span>
                            </div>
                        </a>
                    </li>
                    
                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/07/F7/Cgbj0F7jIyOAaKEWAAdLI30DPuc780.png" alt="">
                            <span class="goods-name">魅族双 USB-C 快充线</span>
                            <span class="goods-text">双 USB-C 接口 | 5A 大电流</span>
                            <span class="goods-price">￥49</span>
                        </a>
                    </li>

                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/07/D5/Cgbj0V6o2n-ACbZsAAGnmeZVVRs678.png" alt="">
                            <span class="goods-name">魅族 Type-C 数据线</span>
                            <span class="goods-text">5A 大电流 | Type-C 接口 | 更快更方便</span>
                            <span class="goods-price">￥49</span>
                        </a>
                    </li>

                    <li class="meizu-parts-goods-list-2">
                        <a href="">
                            <img src="https://openfile.meizu.com/group1/M00/07/F8/Cgbj0V7Qy2mAVnM6AARv0cdv8JI919.png" alt="">
                            <span class="goods-name">Lifeme PD 快充线</span>
                            <span class="goods-text">【限时特惠49元】</span>
                            <span class="goods-price">￥69</span>
                        </a>
                    </li>
                </ul>
            </li>
        </div>
    </section>


    <!-- 生活周边 -->
    <section class="meizu-life">
        <h3 class="meizu-life-title">生活周边</h3>
        <a class="meizu-img" href=""></a>
        <div class="meizu-life-container">
            <ul>
                <li class="meizu-life-goods-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2021/03/03/e2660b8c-efbe-4270-aee6-dbbdd0067940.jpg" alt="">
                        <div class="meizu-life-text-container">
                            <span class="goods-name">魅族防飞溅声波电动牙刷</span>
                            <span class="goods-text">【限时特惠179元】</span>
                            <span class="goods-price">￥299</span>
                        </div>
                    </a>
                </li>
                
                <li class="meizu-life-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/64/Cgbj0GA_CaCAORZtAAnnYGxCj9A570.png" alt="">
                        <span id="product-sign">新品</span>
                        <span class="goods-name">PANDAER 「18」系列T恤</span>
                        <span class="goods-text">100％ 优质 50S 新疆长绒棉 | 液氨整理技术</span>
                        <span class="goods-price">￥129</span>
                    </a>
                </li>
                                
                <li class="meizu-life-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/64/Cgbj0GA_CWSAaMViAAjPepf8BDA879.png" alt="">
                        <span id="product-sign">新品</span>
                        <span class="goods-name">PANDAER 「18」系列T恤</span>
                        <span class="goods-text">100％ 优质 50S 新疆长绒棉 | 液氨整理技术</span>
                        <span class="goods-price">￥129</span>
                    </a>
                </li>
                                              
                <li class="meizu-life-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/76/Cgbj0WA_CUiAU0KSAAfb7gvUzXA827.png" alt="">
                        <span id="product-sign">新品</span>
                        <span class="goods-name">PANDAER 「18」系列T恤</span>
                        <span class="goods-text">100％ 优质 50S 新疆长绒棉 | 液氨整理技术</span>
                        <span class="goods-price">￥129</span>
                    </a>
                </li>
                
                <li class="meizu-life-goods-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/08/04/60f19adb-5b3c-4fb1-9af4-33ce0a90708f.jpg" alt="">
                        <div class="meizu-life-text-container">
                            <span class="goods-name">Lifeme 双肩包</span>
                            <span class="goods-text">创新外观设计 | 扩容超大容量</span>
                            <span class="goods-price">￥299</span>
                        </div>
                    </a>
                </li>
                                                
                <li class="meizu-life-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/08/4D/Cgbj0F_9CSOAZhK-AAb-lCs7IlU290.png" alt="">
                        <span class="goods-text">PANDAER 2077 圆领卫衣</span>
                        <span class="goods-price">￥199</span>
                    </a>
                </li>
                                                
                <li class="meizu-life-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/CC/Cgbj0V6QOw6AHzmiAAKiIJSP6zc896.png" alt="">
                        <span class="goods-name">魅族声波电动牙刷刷头</span>
                        <span class="goods-text">【两支装】进口杜邦刷毛 立体裁切贴合牙齿牙龈</span>
                        <span class="goods-price">￥59</span>
                    </a>
                </li>
                                                
                <li class="meizu-life-goods-list-2">
                    <a href="">
                        <img src="https://openfile.meizu.com/group1/M00/07/DF/Cgbj0V6z74aAO--aAAYHfnMzL1U910.png" alt="">
                        <span class="goods-name">Lifeme 相机包</span>
                        <span class="goods-text">【限时特惠99元】</span>
                        <span class="goods-price">￥129</span>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <!-- 社区热贴  -->
    <section class="meizu-community">
        <h3 class="meizu-community-title">社区热贴</h3>
        <div class="meizu-community-container">
            <ul>
                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/bd30c0e2-0a9a-42f0-a4d0-7a9ebe5e906a.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/11/01/20/15/10/110120151/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">醉刘的摄影狮</span>
                        <p class="meizu-user-text">魅族 18ro |银河秘境图赏</p>
                        <span class="meizu-user-model">魅族 18Pro</span> 
                    </a>
                </li>

                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/2c5de4f0-ddbf-484d-af2f-5eee3b17dfab.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/34/76/79/10/00/3476791/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">一楽拉面</span>
                        <p class="meizu-user-text">魅族 18ro |飞雪流光图赏</p>
                        <span class="meizu-user-model">魅族 18Pro</span> 
                    </a>
                </li>

                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/18bb1a7b-2b3a-47e6-b27c-23a8498889a4.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/42/90/92/70/00/4290927/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">萬_金龍</span>
                        <p class="meizu-user-text">魅族 18 | 踏雪图赏</p>
                        <span class="meizu-user-model">魅族 18 </span> 
                    </a>
                </li>

                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/ae148c14-fcdd-4fab-a211-a036c47adbf0.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/11/96/05/64/00/119605640/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">瘦子說</span>
                        <p class="meizu-user-text">魅族 18 | 渡海图赏</p>
                        <span class="meizu-user-model">魅族 18 </span> 
                    </a>
                </li>

                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/e0be0731-dcce-45c7-a7b1-00e3495a843e.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/11/90/25/05/60/119025056/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">我是魅之神</span>
                        <p class="meizu-user-text">手握一款162克的手机拍照，是怎样的体验？让摄影从“轻”出发</p>
                        <span class="meizu-user-model">魅族 18</span> 
                    </a>
                </li>
                
                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/e9bf2a0a-55a1-4624-a1ec-395e9332b2fd.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/27/59/27/80/00/2759278/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">卡瓦格博journey</span>
                        <p class="meizu-user-text">Dark Vision 极致夜景视界</p>
                        <span class="meizu-user-model">魅族 18</span> 
                    </a>
                </li>
                
                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/42020dd8-33b8-4950-a6e9-9ca1e620a287.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/11/01/20/15/10/110120151/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">醉刘的摄影狮</span>
                        <p class="meizu-user-text">「春雨润物 」魅族18相机体验</p>
                        <span class="meizu-user-model">魅族 18</span> 
                    </a>
                </li>
                
                <li class="meizu-community-user">
                    <a href="">
                        <img class="meizu-community-user-img" src="https://fms.res.meizu.com/dms/2021/03/23/e9c72df8-4af4-4e57-9ea5-3a69cc9f4a48.png" alt="">
                        <img class="meizu-user-info" src="https://img-res.mzres.com/img/download/uc/11/01/20/15/10/110120151/w100h100?t=1618197529" alt="">
                        <span class="meizu-user-name">醉刘的摄影狮</span>
                        <p class="meizu-user-text">午后暖阳尽显 魅族18 温润优雅</p>
                        <span class="meizu-user-model">魅族 18</span> 
                    </a>
                </li>
            </ul>
    </section>


    <!-- Flyme -->
    <section class="meizu-flyme">
        <h3 class="meizu-flyme-title">Flyme</h3>
        <div class="meizu-flyme-container">
            <ul>
                <li class="meizu-flyme-list-1">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2021/03/31/72c41165-240f-45e5-9cea-7595a9009528.png" alt="">
                    </a>
                </li>

                <li class="meizu-flyme-list-2">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/08/31/32e963d3-61a2-44ca-94fe-bb314e93c017.jpg" alt="">
                        <p>跨越使用小障碍</p>
                    </a>
                </li>

                <li class="meizu-flyme-list-2">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/07/27/9e3ff75a-cc9c-441b-951f-4f01c0ca0237.png" alt="">
                        <p>全新导入滤镜</p>
                    </a>
                </li>
            </ul>
            <ol>
                <li class="meizu-flyme-list-2">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/05/27/9195db7f-9958-4ae0-90ea-740e8d024989.png" alt="">
                        <p>全面提升续航能力</p>
                    </a>
                </li>
                                
                <li class="meizu-flyme-list-2">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/09/09/9f99654b-76e5-44f8-a97e-ba7f2568cc42.jpg" alt="">
                        <p>不得不知的小功能</p>
                    </a>
                </li>
                                
                <li class="meizu-flyme-list-2">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/07/29/c78851c5-96e9-44c2-b617-f9b15f916178.jpg" alt="">
                        <p>快速挽救手机数据</p>
                    </a>
                </li>

                                                
                <li class="meizu-flyme-list-2">
                    <a href="">
                        <img src="https://fms.res.meizu.com/dms/2020/08/25/b93b2b7a-227c-4db7-86f6-e7439c8dd8d6.jpg" alt="">
                        <p>全局振感，指尖回响</p>
                    </a>
                </li>
            </ol>
        </div>
    </section>

    <!-- 视频 -->
    <section class="meizu-video">
        <h3 class="meizu-video-title">精彩视频</h3>
        <div class="meizu-video-container">
            <ul>
                <style type="text/css">
                    .MeiZu-logo-bofang {
                        width: 2.5em; height: 2.5em;
                        vertical-align: -0.15em;
                        fill: currentColor;
                        overflow: hidden;
                        position: absolute;
                        right: 10px;
                        bottom: 60px;
                    }                
                </style>
                <li class="meizu-video-list">
                    <a href="http://www3.res.meizu.com/video/91liangxiang.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2021/03/18/193fb3ae-70b4-4251-a462-d3a412d373cb.jpg" alt="">
                        <p>魅族 18 Pro</p>
                        <svg class="MeiZu-logo-bofang" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                    </a>
                </li>

                <li class="meizu-video-list">
                    <a href="https://cimg2.res.meizu.com/store/18.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2021/03/18/7412f2d5-27f3-448d-ac78-d4348811efb1.jpg" alt="">
                        <p>魅族 18</p>
                        <svg class="MeiZu-logo-bofang" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                    </a>
                </li>

                <li class="meizu-video-list">
                    <a href="https://media.meizu.cn/video/meizu/18years600.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2021/03/01/8dec427b-4f88-4f5c-abf3-04ceb9734df5.jpg" alt="">
                        <p>这十八年</p>
                        <svg class="MeiZu-logo-bofang" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                    </a>
                </li>

                <li class="meizu-video-list">
                    <a href="https://www3.res.meizu.com/video/Lipro.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2021/01/05/d9e3175f-60c0-4417-9c6d-b130065287bd.jpg" alt="">
                        <p>Lipro 智能家居</p>
                        <svg class="MeiZu-logo-bofang" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                    </a>
                </li>

                <li class="meizu-video-list">
                    <a href="http://www3.res.meizu.com/video/flyme9.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2021/03/31/fc014728-37e9-48b1-826b-cbd0f0de1552.jpg" alt="">
                        <p>Flyme 9 功能视频</p>
                    </a>
                </li>

                <li class="meizu-video-list">
                    <a href="https://www3.res.meizu.com/video/Flyme8概念视频.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2019/10/22/cfe6f26c-f28e-4aa3-93bf-18f06977ad44.jpg" alt="">
                        <p>Flyme 8 概念视频</p>
                        <svg class="MeiZu-logo-bofang" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                    </a>
                </li>

                <li class="meizu-video-list">
                    <a href="https://www3.res.meizu.com/video/aicy.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2019/10/22/51368a34-9aed-4b7b-b5e8-0ac7a665de35.jpg" alt="">
                        <p>Aicy</p>
                        <svg class="MeiZu-logo-bofang" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                    </a>
                </li>

                <li class="meizu-video-list">
                    <a href="https://www3.res.meizu.com/video/安全家庭视频_1.mp4" target="_blank">
                        <img src="https://fms.res.meizu.com/dms/2018/11/27/3b75dc9f-7af7-4104-94fa-a384252ef78c.jpg" alt="">
                        <p>安全家庭</p>
                        <svg class="MeiZu-logo-bofang" aria-hidden="true">
                            <use xlink:href="#icon-bofang"></use>
                        </svg>
                    </a>
                </li>
            </ul>
        </div>
    </section>

    <footer>
        <div class="container mz-footer">
          <div class="mz-footer-link d-flex justify-content-between">
            <ul class="nav">
              <li class="nav-item"><a href="#" class="nav-link">
                <img src="./images/f-link-1.png" alt="">
                <p>满80免运费</p>
              </a></li>
              <li class="nav-item"><a href="#" class="nav-link">
                <img src="./images/f-link-2.png" alt="">
                <p>100+城市次日送达</p>
              </a></li>
              <li class="nav-item"><a href="#" class="nav-link">
                <img src="./images/f-link-3.png" alt="">
                <p>7天无理由退货</p>
              </a></li>
              <li class="nav-item"><a href="#" class="nav-link">
                <img src="./images/f-link-4.png" alt="">
                <p>15天换货保障</p>
              </a></li>
              <li class="nav-item"><a href="#" class="nav-link">
                <img src="./images/f-link-5.png" alt="">
                <p>1年免费保修</p>
              </a></li>
              <li class="nav-item"><a href="#" class="nav-link">
                <img src="./images/f-link-6.png" alt="">
                <p>上门快修</p>
              </a></li>
            </ul>
            <div class="mz-info text-right">
              <p class="mz-time">周一至周日 8:00-20:00</p>
              <p class="mz-tel">400-788-3333</p>
              <a href="#" class="d-block text-center">在线客服</a>
            </div>
          </div>
          <hr class="mb-4">
          <div class="mz-copyright">
            <ul class="nav">
              <li class="nav-item"><a href="#">了解魅族</a></li>
              <li class="nav-item"><a href="#">加入我们</a></li>
              <li class="nav-item"><a href="#">联系我们</a></li>
              <li class="nav-item"><a href="#">FLyme</a></li>
              <li class="nav-item"><a href="#">魅族社区</a></li>
              <li class="nav-item"><a href="#">天猫旗舰店</a></li>
              <li class="nav-item"><a href="#">问题反馈</a></li>
              <li class="nav-item"><a href="#">线上销售授权名单公示</a></li>
              <li class="nav-item"><a href="#">出版物经营许可证</a></li>
              <li class="nav-item border-0 mz-lang d-flex justify-content-center">
                <i class="mz-flag d-block"></i>
                <a href="#">简体中文</a>
                <ul class="mz-flag-box">
                  <li><a href="#">
                    <i class="mz-flag d-inline-block jz"></i>
                    简体中文
                  </a></li>
                  <li><a href="#">
                    <i class="mz-flag d-inline-block fz"></i>
                    繁体中文
                  </a></li>
                  <li><a href="#">
                    <i class="mz-flag d-inline-block en"></i>
                    English
                  </a></li>
                  <li><a href="#">
                    <i class="mz-flag d-inline-block py"></i>
                    Русский
                  </a></li>
                  <li><a href="#">
                    <i class="mz-flag d-inline-block tu"></i>
                    Türkiye
                  </a></li>
                </ul>
              </li>
            </ul>
            <div class="mz-co-info">
              <span class="mr-3">©2020 Meizu Telecom Equipment Co., Ltd. All rights reserved.</span>
              <a href="#">粤ICP备13003602号</a>
              <a href="#">合字B2-20170010</a>
              <a href="#">营业执照</a>
              <a href="#">法律声明</a>
              <a href="#"><i></i>粤公网安备 44049102496009 号</a>
            </div>
            <ul class="nav mz-link-icon">
              <li class="nav-item">
                <a href="#" class="mz-xcx"></a>
                <div class="mz-xcx-link"><img src="./images/xcx-link.png" alt=""></div>
              </li>
              <li class="nav-item">
                <a href="#" class="mz-weixin"></a>
                <div class="mz-weixin-link"><img src="./images/weixin-link.png" alt=""></div>
              </li>
              <li class="nav-item"><a href="#" class="mz-qq"></a></li>
              <li class="nav-item"><a href="#" class="mz-weibo"></a></li>
            </ul>
          </div>
        </div>
      </footer>

  <script src="./js/index.js"></script>
    
</body>
</html>